<template>
    <div id="topnav">
        <ul>
            <li><router-link to="/home">首页</router-link></li>
            <li><router-link to="/userlist">用户列表</router-link></li>
            <li><router-link to="/adduser">添加用户</router-link></li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "topnav"
    }
</script>

<style scoped>
    #topnav {
        height: 40px;
    }

    #topnav ul {
        list-style: none;
        margin-left: 50px;
    }

    #topnav li {
        display: inline;
        line-height: 40px;
        float:left
    }

    #topnav a {
        text-decoration: none;
        padding: 5px 10px;
        font-family: "文悦后现代体 (非商业使用) W2-75",fantasy;
    }

    #topnav a:hover {
        border-bottom:2px #2c3e50 solid;
    }

</style>
